import Hr from './hr';



/**
 * 组标题
 * @param props 
 * @returns 
 */
export default function GroupTitle(props: { title: string }) {
	return <>
		<div className='v'>
			<span className='title'>{props.title}</span>
			<Hr />
			<style jsx>{`
.v{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items:flex-start ;
width: 100%;
margin-top: 1rem;
}
.title{
font-size: 0.75rem;
text-align: center;
color: #505D68;
margin-left: 1rem;
margin-bottom: -0.3rem;
}
`}</style>
		</div>
	</>;
}
